<template>
  <div class="content">
    <a-tabs class="tabRight" size="small" :tabBarGutter="0">
      <div slot="tabBarExtraContent">
        <a-button type="primary" icon="fa fa-refresh">刷新</a-button>
        <a-divider type="vertical" />
        <a-button icon="fa fa-plus-square">新增</a-button>
        <a-button type="danger" icon="fa fa-remove">删除</a-button>

      </div>
      <a-tab-pane tab="实时概况" key="brief">
        <Brief />
      </a-tab-pane>
      <a-tab-pane tab="数据明细" key="detail">
        这是明细
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import Brief from '@/views/monitor/runtimes/RuntimesBrief';

export default {
  name: 'runtimes',
  components: { Brief },

  data() {
    return {};
  },
  methods: {
    onRefresh() {}
  }
};
</script>

<style lang="less" scoped>
.content {
  padding: 0px;
  min-width: 1100px;
}
</style>
